<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta charset="utf-8">
        <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

        <title> SmartAdmin </title>
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- http://davidbcalhoun.com/2010/viewport-metatag -->
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

        <!-- Basic Styles -->
        <link rel="stylesheet" type="text/css" media="screen" href="/exam/Public/static/smart_admin/css/bootstrap.min.css">	
        <link rel="stylesheet" type="text/css" media="screen" href="/exam/Public/static/smart_admin/css/font-awesome.min.css">

        <!-- SmartAdmin Styles : Please note (smartadmin-production.css) was created using LESS variables -->
        <link rel="stylesheet" type="text/css" media="screen" href="/exam/Public/static/smart_admin/css/smartadmin-production.css">
        <link rel="stylesheet" type="text/css" media="screen" href="/exam/Public/static/smart_admin/css/smartadmin-skins.css">	

        <!-- SmartAdmin RTL Support is under construction
                <link rel="stylesheet" type="text/css" media="screen" href="/exam/Public/static/smart_admin/css/smartadmin-rtl.css"> -->

        <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
        <link rel="stylesheet" type="text/css" media="screen" href="/exam/Public/static/smart_admin/css/demo.css">

        <!-- FAVICONS -->
        <link rel="shortcut icon" href="/exam/Public/static/smart_admin/img/favicon/favicon.ico" type="image/x-icon">
        <link rel="icon" href="/exam/Public/static/smart_admin/img/favicon/favicon.ico" type="image/x-icon">

        <!-- GOOGLE FONT -->

    </head>
    <body id="login">
        <!-- possible classes: minified, no-right-panel, fixed-ribbon, fixed-header, fixed-width-->
        <header id="header">
            <!--<span id="logo"></span>-->

            <div id="logo-group">
                <span id="logo"> <img src="/exam/Public/static/smart_admin/img/logo.png" alt="SmartAdmin"> </span>

                <!-- END AJAX-DROPDOWN -->
            </div>

            <span id="login-header-space"> <h4 class="hidden-mobile">已有账号了吗?</h4> <a href="<?php echo U('Public/login');?>" class="btn btn-danger">登录</a> </span>

        </header>

        <div id="main" role="main">

            <!-- MAIN CONTENT -->
            <div id="content" class="container">

                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7 hidden-xs hidden-sm">
                        <h1 class="txt-color-red login-header-big">SmartAdmin</h1>
                        <div class="hero">

                            <div class="pull-left login-desc-box-l">
                                <h4 class="paragraph-header">It's Okay to be Smart. Experience the simplicity of SmartAdmin, everywhere you go!</h4>
                                <div class="login-app-icons">
                                    <a href="javascript:void(0);" class="btn btn-danger btn-sm">Frontend Template</a>
                                    <a href="javascript:void(0);" class="btn btn-danger btn-sm">Find out more</a>
                                </div>
                            </div>

                            <img src="/exam/Public/static/smart_admin/img/demo/iphoneview.png" class="pull-right display-image" width="210px">

                        </div>

                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <h5 class="about-heading">About SmartAdmin - Are you up to date?</h5>
                                <p>
                                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.
                                </p>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                                <h5 class="about-heading">Not just your average template!</h5>
                                <p>
                                    Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi voluptatem accusantium!
                                </p>
                            </div>
                        </div>

                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5">
                        <div class="well no-padding">

                            <form action="<?php echo U('Public/register');?>" method="post" id="smart-form-register" class="smart-form client-form">
                                <header>
                                    注册账号
                                </header>

                                <fieldset>
                                    <section>
                                        <label class="input"> <i class="icon-append fa fa-user"></i>
                                            <input type="text" name="username" placeholder="用户名">
                                            <b class="tooltip tooltip-bottom-right">支持中,英,数字</b> </label>
                                    </section>

                                    <section>
                                        <label class="input"> <i class="icon-append fa fa-lock"></i>
                                            <input type="password" name="password" placeholder="密码" id="password">
                                            <b class="tooltip tooltip-bottom-right">请输入3-20位密码</b>
                                        </label>
                                    </section>

                                    <section>
                                        <label class="input"> <i class="icon-append fa fa-lock"></i>
                                            <input type="password" name="passwordconfirm" placeholder="确认密码">
                                            <b class="tooltip tooltip-bottom-right">确认密码</b>
                                        </label>
                                    </section>

                                    <section>
                                        <label class="input"> <i class="icon-append fa fa-envelope"></i>
                                            <input type="email" name="email" placeholder="邮箱">
                                            <b class="tooltip tooltip-bottom-right">请输入邮箱,以便密码找回</b> </label>
                                    </section>
                                    
                                    <section>
                                        <label class="input"> <i class="icon-append fa fa-lock"></i>
                                            <input type="text" name="mobile" placeholder="手机号">
                                            <b class="tooltip tooltip-bottom-right">手机号</b>
                                        </label>
                                    </section>
                                </fieldset>

                                <footer>
                                    <button type="submit" id="ok" class="btn btn-primary">
                                        注册
                                    </button>
                                </footer>

                                <div class="message">
                                    <i class="fa fa-check"></i>
                                    <p>
                                        Thank you for your registration!
                                    </p>
                                </div>
                            </form>

                        </div>
                        <p class="note text-center">*FREE Registration ends on October 2015.</p>
                        <h5 class="text-center">- Or sign in using -</h5>
                        <ul class="list-inline text-center">
                            <li>
                                <a href="javascript:void(0);" class="btn btn-primary btn-circle"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" class="btn btn-info btn-circle"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" class="btn btn-warning btn-circle"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

        <!--================================================== -->	

        <!-- PACE LOADER -->
        <script data-pace-options='{ "restartOnRequestAfter": true }' src="/exam/Public/static/smart_admin/js/plugin/pace/pace.min.js"></script>

        <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <script> if (!window.jQuery) {
                        document.write('<script src="/exam/Public/static/smart_admin/js/libs/jquery-2.0.2.min.js"><\/script>');
                    }</script>

        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
        <script> if (!window.jQuery.ui) {
                        document.write('<script src="/exam/Public/static/smart_admin/js/libs/jquery-ui-1.10.3.min.js"><\/script>');
                    }</script>

        <!-- BOOTSTRAP JS -->		
        <script src="/exam/Public/static/smart_admin/js/bootstrap/bootstrap.min.js"></script>

        <!-- CUSTOM NOTIFICATION -->
        <script src="/exam/Public/static/smart_admin/js/notification/SmartNotification.min.js"></script>

        <!-- JARVIS WIDGETS -->
        <script src="/exam/Public/static/smart_admin/js/smartwidgets/jarvis.widget.min.js"></script>

        <!-- EASY PIE CHARTS -->
        <script src="/exam/Public/static/smart_admin/js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

        <!-- SPARKLINES -->
        <script src="/exam/Public/static/smart_admin/js/plugin/sparkline/jquery.sparkline.min.js"></script>

        <!-- JQUERY VALIDATE -->
        <script src="/exam/Public/static/smart_admin/js/plugin/jquery-validate/jquery.validate.min.js"></script>

        <!-- JQUERY MASKED INPUT -->
        <script src="/exam/Public/static/smart_admin/js/plugin/masked-input/jquery.maskedinput.min.js"></script>

        <!-- JQUERY SELECT2 INPUT -->
        <script src="/exam/Public/static/smart_admin/js/plugin/select2/select2.min.js"></script>

        <!-- JQUERY UI + Bootstrap Slider -->
        <script src="/exam/Public/static/smart_admin/js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

        <!-- browser msie issue fix -->
        <script src="/exam/Public/static/smart_admin/js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

        <!--[if IE 7]>
                
                <h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>
                
        <![endif]-->

        <!-- MAIN APP JS FILE -->
        <script src="/exam/Public/static/smart_admin/js/app.js"></script>

        <script type="text/javascript">
            runAllForms();

            // Model i agree button
            $("#i-agree").click(function() {
                $this = $("#terms");
                if ($this.checked) {
                    $('#myModal').modal('toggle');
                } else {
                    $this.prop('checked', true);
                    $('#myModal').modal('toggle');
                }
            });

            // Validation
            $(function() {
                // Validation
                $("#smart-form-register").validate({
                    // Rules for form validation
                    rules: {
                        username: {
                            required: true
                        },
                        email: {
                            required: true,
                            email: true
                        },
                        password: {
                            required: true,
                            minlength: 3,
                            maxlength: 20
                        },
                        passwordConfirm: {
                            required: true,
                            minlength: 3,
                            maxlength: 20,
                            equalTo: '#password'
                        },
                        mobile: {
                            required: true,
                            range:[10000000000,20000000000]
                        }
                    },
                    // Messages for form validation
                    messages: {
                        username: {
                            required: '请输入用户名'
                        },
                        email: {
                            required: '请输入邮箱地址',
                            email: '请输入正确的邮箱地址'
                        },
                        password: {
                            required: '请输入密码'
                        },
                        passwordConfirm: {
                            required: '请输入确认密码',
                            equalTo: '两次输入密码不一致'
                        },
                        mobile: {
                            required: '请输入手机号',
                            range: '请输入正确格式的手机号'
                        }
                    },
                    // Ajax form submition
                    submitHandler: function(form) {
                        $(form).ajaxSubmit({
                            success: function() {
                                $("#smart-form-register").addClass('submited');
                            }
                        });
                    },
                    // Do not change code below
                    errorPlacement: function(error, element) {
                        error.insertAfter(element.parent());
                    }
                });

            });
        </script>

    </body>
</html>